.messagers {
  @apply -fixed -inset-0 -pointer-events-none -flex -p-4 -flex-col -justify-end -items-end -z-messager -gap-2;
}
.messagers-top-left,
.messagers-top-right {
  @apply -justify-start;
}

.messagers-top-left,
.messagers-bottom-left {
  @apply -items-start;
}
.messagers-center,
.messagers-bottom,
.messagers-top {
  @apply -items-center;
}
.messagers-top,
.messagers-top-left,
.messagers-top-right {
  @apply -justify-start;
}
.messagers-center {
  @apply -justify-center;
}

.messager {
  @apply -bg-inverse/80 -text-canvas -backdrop-blur -shadow-xl -pointer-events-auto -duration-300;
}
